<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>AdminPLH | Share</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.4 -->
    <link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="__PUBLIC__/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="__PUBLIC__/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- iCheck -->
    <link href="__PUBLIC__/plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="__PUBLIC__/dist/css/bootstrapValidator.css"/>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="login-page">
<div class="login-box">
    <div class="login-logo">
        <a href="#"><b>Admin</b>PLH</a>
    </div><!-- /.login-logo -->
    <div class="login-box-body widget-box visible"  id="login-box">
        <p class="login-box-msg">{$shareder} For you to share files</p>
        <form action="__URL__/shareVideo/key/{$key}" method="post" id="ShareForm">
            <?php
                if ($error):
            ?>
            <div class="callout callout-danger">
                <h4>error!</h4>
                <p>{$error}</p>
            </div>
            <?php endif; ?>
            <div class="form-group has-feedback">
                <input type="password" name="share_password" class="form-control" placeholder="Password"/>
                <span class="glyphicon glyphicon-lock form-control-feedback"></span>
            </div>
            <div class="row">
                <div class="col-xs-8">
                </div><!-- /.col -->
                <div class="col-xs-4">
                    <button type="submit" class="btn btn-primary btn-block btn-flat">Submit</button>
                </div><!-- /.col -->
            </div>
        </form>

        <!--<a href="__URL__/register" class="text-center">Register a new membership</a>-->

    </div><!-- /.login-box-body -->
</div><!-- /.login-box -->

<!-- jQuery 2.1.4 -->
<script src="__PUBLIC__/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS -->
<script src="__PUBLIC__/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

<script src="__PUBLIC__/dist/js/bootstrapValidator.js" type="text/javascript"></script>
<script src="__PUBLIC__/dist/js/language/zh_CN.js" type="text/javascript"></script>
<script src="__PUBLIC__/dist/js/validator.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#ShareForm').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                share_password: {
                    validators: {
                        notEmpty: {
                            message: '提取码不能为空'
                        }
                    }
                }

            }

        });
    });
</script>
</body>
</html>